<template>
	<view>
		<view class="box">
			<input :value="name" @input="name=$event.detail.value" placeholder="请输入您的真实姓名" />
		</view>
		<view class="box">
			<input :value="id" @input="id=$event.detail.value" type="number" placeholder="请输入您的身份证号" />
		</view>
		<view class="box">
			<view>身份证正面</view>
			<view style="margin-top: 10upx;">
				<van-uploader image-fit="aspectFit" multiple=true max-count="1" :file-list="imageOne"
								@after-read="afterRead('imageOne',$event)" @delete="onDelete('imageOne',$event)" preview-size="120upx" />
			</view>
		</view>
		<view class="box">
			<view>身份证反面</view>
			<view style="margin-top: 10upx;">
				<van-uploader image-fit="aspectFit" multiple=true max-count="1" :file-list="imageTwo"
								@after-read="afterRead('imageTwo',$event)" @delete="onDelete('imageTwo',$event)" preview-size="120upx" />
			</view>
		</view>
		<button class="button">提交</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				name:'',
				id:'',
				imageOne:'',
				imageTwo:''
			}
		}
	}
</script>
<style>
	page{
		font-size: 28upx;
		font-weight: 500;
		line-height: 40upx;
		color: #656566;
	}
</style>
<style lang="scss" scoped>
	.box{
		margin: 20upx 32upx;
		width: 642upx;
		padding: 38upx 22upx;
		background: #F7F7F7;
		border-radius: 10upx;
	}
</style>
